<template>
  <div class="footer">
    <hr class="footer-line" />
    <div class="copyright">
      <p>&copy; 2023 栩栩如生. All Rights Reserved.</p>
    </div>
    <div class="copyright">
      <p>
        <a href="https://beian.miit.gov.cn/" target="_blank"
          >ICP备案号：桂ICP备2023008648号</a
        >
      </p>
    </div>
  </div>
</template>

<style>
</style>
<style scoped>
.footer {
  background-color: #efefef; /* 背景颜色 */
  color: rgb(2, 2, 2); /* 文本颜色 */
  padding: 20px; /* 内边距 */
}

.footer-line {
  border-top: 1px solid rgb(141, 141, 141); /* 顶部横线样式 */
  margin-top: 10px; /* 上外边距 */
  margin-bottom: 20px; /* 下外边距 */
}

.footer-content {
  display: flex;
  justify-content: space-between;
}

.footer-section {
  flex: 1;
  margin-right: 20px;
}

.footer-section h2 {
  font-size: 20px;
}

ul {
  list-style: none;
  padding: 0;
}

ul li {
  margin-bottom: 10px;
}

a {
  text-decoration: none;
  color: rgb(0, 0, 0);
}

.social-media-icons {
  display: flex;
  list-style: none;
  padding: 0;
}

.social-media-icons li {
  margin-right: 10px;
}

.copyright {
  text-align: center;
  margin-top: 20px;
}
</style>